<ui:composition 
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    template="/App/WebApp/template/plantilla.xhtml"
    xmlns:p="http://primefaces.org/ui"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html">

    <ui:define name="content">

        <h:form>

            <p:dataTable id="datosDataTable" var="dato" value="#{datosExport.datos}" widgetVar="datosTable" emptyMessage="No se encuentras datos"
                         paginator="true" rows="10" paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}" rowsPerPageTemplate="10,25,35"
                         >

                <f:facet name="header" >  
                    <p:outputPanel>  
                        <h:outputText value="Datos" />  
                    </p:outputPanel>  
                </f:facet>  

                <p:column id="magnitudColumn" headerText="Magnitud">  
                    <h:outputText value="#{dato.magnitud.descripcion}" />  
                </p:column>

                <p:column id="valorColumn" headerText="Valor">  
                    <h:outputText value="#{dato.valor}" />  
                </p:column>

                <p:column id="unidadColumn" headerText="Unidad">  
                    <h:outputText value="#{dato.unidad.simbolo}" />  
                </p:column>

                <p:column id="fechaHoraColumn" headerText="">  
                    <f:facet name="header">Fecha/Hora
                        <div>
                            Desde: 
                            <p:calendar id="desde" value="#{datosExport.desde}" styleClass="calendarFilter" locale="es">
                                <p:ajax event="dateSelect" listener="#{datosExport.cargarDataTable()}" update="datosDataTable"/>
                            </p:calendar>
                            Hasta: 
                            <p:calendar id="hasta" value="#{datosExport.hasta}" styleClass="calendarFilter" locale="es">
                                <p:ajax event="dateSelect" listener="#{datosExport.cargarDataTable()}" update="datosDataTable"/>
                            </p:calendar>
                        </div>
                    </f:facet>
                    <h:outputText value="#{dato.momento}">  
                        <f:convertDateTime pattern="dd/MM/yyyy hh:mm a" />
                    </h:outputText>
                </p:column>

            </p:dataTable>

            <h:panelGrid columns="2">  
                <p:panel header="Exportar Todo">  
                    <h:commandLink>  
                        <p:graphicImage value="/resources/images/excel.png" />  
                        <p:dataExporter type="xls" target="datosDataTable" fileName="datos" />  
                    </h:commandLink>  

                    <h:commandLink>  
                        <p:graphicImage value="/resources/images/pdf.png" />  
                        <p:dataExporter type="pdf" target="datosDataTable" fileName="datos"/>  
                    </h:commandLink>  

                    <h:commandLink>  
                        <p:graphicImage value="/resources/images/csv.png" />  
                        <p:dataExporter type="csv" target="datosDataTable" fileName="datos" />  
                    </h:commandLink>  

                    <h:commandLink>  
                        <p:graphicImage value="/resources/images/xml.png" />  
                        <p:dataExporter type="xml" target="datosDataTable" fileName="datos" />  
                    </h:commandLink>  
                </p:panel>  

                <p:panel header="Export Página">  
                    <h:commandLink>  
                        <p:graphicImage value="/resources/images/excel.png" />  
                        <p:dataExporter type="xls" target="datosDataTable" fileName="datos" pageOnly="true"/>  
                    </h:commandLink>  

                    <h:commandLink>  
                        <p:graphicImage value="/resources/images/pdf.png" />  
                        <p:dataExporter type="pdf" target="datosDataTable" fileName="datos" pageOnly="true"/>  
                    </h:commandLink>  

                    <h:commandLink>  
                        <p:graphicImage value="/resources/images/csv.png" />  
                        <p:dataExporter type="csv" target="datosDataTable" fileName="datos" pageOnly="true"/>  
                    </h:commandLink>  

                    <h:commandLink>  
                        <p:graphicImage value="/resources/images/xml.png" />  
                        <p:dataExporter type="xml" target="datosDataTable" fileName="datos" pageOnly="true"/>  
                    </h:commandLink>  
                </p:panel>  
            </h:panelGrid>  



        </h:form>
        
    </ui:define>

</ui:composition>